<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">

<head>
    <meta charset="UTF-8">
    <title>论坛文章</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/public.css" th:href="@{/css/public.css}">
    <link rel="stylesheet" href="../static/css/article_detail.css" th:href="@{/css/article_detail.css}">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="../static/admin/sweetalert/sweetalert.min.js" th:src="@{/admin/sweetalert/sweetalert.min.js}"></script>
    <link rel="stylesheet" type="text/css" href="../static/admin/sweetalert/sweetalert.css"
          th:href="@{/admin/sweetalert/sweetalert.css}"/>
    <link rel="shortcut icon" href="../static/img/logo.png" th:href="@{/img/logo.png}" type="image/x-icon"/>

</head>
<body>

<div class="row" style="margin-top: 10px">
    <div class="col-md-6 col-md-offset-3" style="border: 1px solid #e8e8e8;">
        <h2 class="title" th:text="${article.getTitile()}">懒惰是一种行为</h2>
        <div class="tip">
            <a th:text="${article.getUsername()}">jiajiazi</a>
            <a th:text="${article.getDate()}">2021-6-6</a>
            <a th:text="${article.getDiseasename()}">分类:你的</a>
            <b>关注</b>
            <b>收藏</b>
        </div>
        <div class="content" th:utext="${article.getContent()}">
            <h4 id="h4-disabled-options"><a name="Disabled options" class="reference-link"></a><span
                    class="header-link octicon octicon-link"></span>Disabled options</h4>
            <ul>
                <li>TeX (Based on KaTeX);</li>
                <li>Emoji;</li>
                <li>Task lists;</li>
                <li>HTML tags decode;</li>
                <li>Flowchart and Sequence Diagram;<br>-xxxxxxxxxxxxxxxxxxxxxx<h4 id="h4-editor-md-directory"><a
                        name="Editor.md directory" class="reference-link"></a><span
                        class="header-link octicon octicon-link"></span>Editor.md directory</h4>
                </li>
            </ul>
            <p><br>```
        </div>
    </div>
</div>

<div class="artfoot col-md-6 col-md-offset-3" style="border: 1px solid #fafafa;margin-top: 20px">
    <div th:if="${session.get('user')}==null">
        <a href="/">请先登录</a>
    </div>
    <div th:unless="${session.get('user')}==null">
        <textarea id="comment1content" maxlength="150" placeholder="回复长度小于150"></textarea>
        <div>
            <input type="button" value="发送"
                   th:onclick="addcomment1([[${article.getId}]],[[${session.get('user').id}]])">
        </div>

        <div style="margin-top: 5px" th:unless="${commentResolves!=null}">
            <a>暂无任何评论</a>
        </div>
        <div class="comment1" th:if="${commentResolves!=null}" th:each="commentResolve:${commentResolves}">
            <img src="../static/img/logo.png" th:src="@{${commentResolve.getAvator()}}">
            <div class="comment1body">
                <b class="comment1user" th:text="${commentResolve.getCommentatorname()}">甲甲子</b>：
                <span th:text="${commentResolve.getContent()}">他们不知道我们曾经比他们辉煌的历史，他们不知道我们为了自己的祖国的成立和统一付出了多少生命</span>

                <div class="comment1func">
                    <span th:text="${#dates.format(commentResolve.getCreatedate(),'yyyy年MM月dd日 HH:mm')}">1234</span>
                    <a th:onclick="commentsupport([[${commentResolve.getCurrid()}]])"><span class="glyphicon glyphicon-thumbs-up"
                                      th:text="${commentResolve.getSupport()}" th:id="'commentsupport'+${commentResolve.getCurrid()}">1234</span></a>
                    <a th:onclick="reply2model([[${article.getId}]],[[${session.get('user').id}]],[[${commentResolve.getCurrid()}]])"
                       style="margin-right: 15px"><span>回复</span></a>
                    <div th:id="'reply2model'+${commentResolve.getCurrid()}"></div>
                </div>
                <div class="comment1tip">
                    <a th:onclick="comment2label([[${article.getId}]],[[${session.get('user').id}]],[[${commentResolve.getCurrid()}]])"
                       data-toggle="collapse">共有<b
                            th:text="${commentResolve.getReplynum()}">122</b>人回复</a>
                </div>
                <div class="collapse" th:id="'comment2label'+${commentResolve.getCurrid()}"
                     style="background-color: #f5f4f4">
                </div>
            </div>
        </div>
    </div>
</div>
</body>

<script type="text/javascript" src="../static/js/article_detail.js" th:src="@{/js/article_detail.js}"></script>
</html>
